<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米官网</title>
    <link rel="stylesheet" href="../7.30小米官网/index.css">
</head>

<body>

    <div class="head">
        <div class="w">
            <header class="header">
                <div class="header-top">
                    <div class="fl">
                        <ul>
                            <li>
                                <a href="#">小米商城</a>
                                <span class="xian">|</span>
                                <a href="#">UIMI</a>
                                <span class="xian">|</span>
                                <a href="#">loT</a>
                                <span class="xian">|</span>
                                <a href="#">云服务</a>
                                <span class="xian">|</span>
                                <a href="#">天星数科</a>
                                <span class="xian">|</span>
                                <a href="#">有品</a>
                                <span class="xian">|</span>
                                <a href="#">小爱开放平台</a>
                                <span class="xian">|</span>
                                <a href="#">企业团购</a>
                                <span class="xian">|</span>
                                <a href="#">资质证照</a>
                                <span class="xian">|</span>
                                <a href="#">协议规则</a>
                                <span class="xian">|</span>
                                <a href="#" class="xs">下载app</a>
                                <span class="xian">|</span>
                                <span class="ewm">
                                    <img src="../7.30小米官网/images/wx.png" alt="">
                                </span>
                                <a href="#">智能生活</a>
                                <span class="xian">|</span>
                                <a href="#">Select Location</a>
                            </li>
                        </ul>
                    </div>
                    <div class="fr">
                        <ul>
                            <li><a href="#">登录</a>
                                <span class="xian">|</span>
                            </li>

                            <li><a href="#">注册</a>
                                <span class="xian">|</span>
                            </li>
                            <li><a href="#">消息通知</a></li>
                        </ul>
                        <div class="shoop">
                            <span></span>
                            <p>购物车</p>
                        </div>
                    </div>


                </div>
                <div class="header-btm">
                    <div class="logo">
                        <img src="../7.30小米官网/images/logo.png" alt="">
                    </div>
                    <div class="nav">
                        <ul>
                            <li><a href="#">小米手机</a></li>
                            <li><a href="#">redmi红米</a></li>
                            <li><a href="#">电视</a></li>
                            <li><a href="#">笔记本</a></li>
                            <li><a href="#">家电</a></li>
                            <li><a href="#">路由器</a></li>
                            <li><a href="#">智能软件</a></li>
                            <li><a href="#">服务</a></li>
                            <li><a href="#">社区</a></li>
                        </ul>
                    </div>
                    <div class="search">
                        <input type="text" placeholder="小米11">
                        <span></span>
                    </div>
                </div>
            </header>
            <!-- 主体模块 -->
            <div class="main">
                <div class="banner">
                    <img src="../images/banner.webp" alt="">
                    <div class="nav-left">
                        <ul>
                            <li><a href="#">手机 电话卡</a><span></span></li>
                            <li><a href="#">电视 盒子</a><span></span></li>
                            <li><a href="#">笔记本 显示器</a><span></span></li>
                            <li><a href="#">家电 插线板</a><span></span></li>
                            <li><a href="#">出行 穿戴</a><span></span></li>
                            <li><a href="#">智能 路由器</a><span></span></li>
                            <li><a href="#">电源 配件</a><span></span></li>
                            <li><a href="#">健康 儿童</a><span></span></li>
                            <li><a href="#">耳机 音箱</a><span></span></li>
                            <li><a href="#">生活 箱包</a><span></span></li>

                        </ul>
                    </div>
                    <span class="one"></span>
                    <span class="two"></span>
                    <ul class="dian">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="home">
                    <div class="home-left">
                        <ul>
                            <li><span></span><a href="#">小米秒杀</a></li>
                            <li><span></span><a href="#">企业团购</a></li>
                            <li><span></span><a href="#">F码通道</a></li>
                            <li><span></span><a href="#">以旧换新</a></li>
                            <li><span></span><a href="#">小米秒杀</a></li>
                            <li><span></span><a href="#">话费充值</a></li>
                        </ul>
                    </div>
                    <div class="home-right">
                        <ul>
                            <li><a href="#"><img src="../7.30小米官网/images/home-right.jpg" alt=""></a></li>
                            <li><a href="#"><img src="../7.30小米官网/images/home-right.jpg" alt=""></a></li>
                            <li><a href="#"><img src="../7.30小米官网/images/home-right.jpg" alt=""></a></li>
                        </ul>
                    </div>
                </div>

            </div>
            <!-- 主体模块 -->
        </div>
    </div>

</body>

</html>